<template>
  <!-- 项目实施 - 右上角tab6 - 相关数据 - content -->
  <div class="right-tab-con6">
    <div class="top">
      <span class="title"> 我发起的数据（当前模板） </span>
      <span> 更多 </span>
    </div>
    <ul v-if="info && info.length>0" class="docs">
      <li v-for="(i, idx) in info" :key="idx" @click="showFormModal(i)">
        <p>{{i.text}}</p>
        <img :src="i.img" width="14px" height="16px">
      </li>
    </ul>
    <div v-else class="right-tab-con6-t">
      <img class="right-tab-con6-bg bg1" :src="require('../../images/empty-img.png')" width="80px" height="100px"/>
      <p class="right-tab-con6-text">无数据</p>
    </div>

    <el-dialog :title="formModalDetail.title" class="form-modal-dialog" :visible.sync="formModalState" @close="closeModal" width="1300px" style="margin-top:4vh;" :close-on-click-modal="false">
      <formModal class="form-modal-dialog-content" :formModalDetail="formModalDetail" @changeFlowModal="changeFlowModal"></formModal>
    </el-dialog>
    
    <el-dialog title="流程预测" class="flow-modal" :visible.sync="flowModalState" @close="hideFlowModal" width="550px" style="margin-top:10%;" :close-on-click-modal="false">
      <div class="flow-modal-bgi">
        <content5 ref="content5" tabTitle="流程预测" :info="formModalDetail.imgs.img3"></content5>
      </div>
      <!-- <img class="flow-modal-bgi" :src="formModalImg" width="100%"/> -->
    </el-dialog>
  </div>
</template>

<script>
import formModal from "./formModal";
import content5 from "./content5";
export default {
  name: "rightTabCon6",
  components: {content5, formModal},
  data() {
    return {
      flowModalState: false,
      formModalState: false,
      formModalInfo: {},
      formTitle: "",
      formModalDetail: {
        formList: [],
        tabList: [],
        title: '',
        doc: {},
        imgs: [],
        rTabData: []
      }
    }
  },
  props: {
    tabTitle: {
      type: String,
      default: () => ''
    },
    // 所在菜单名称
    menuType: {
      type: String,
      default: () => ''
    },
    // 右侧tab - 相关数据列表
    info: {
      type: Array,
      default: () => []
    }
  },
  beforeCreate() {
    this.$options.components.formModal = require('../../components/rightTabs/formModal').default
    this.$options.components.rightTab = require('../rightTab').default;
  },
  watch: {},
  mounted() {},
  methods: {
    /**
     * @author Wrl
     * 打开流程预测弹窗
     */
    changeFlowModal(e) {
      setTimeout(() => {
        document.querySelector('.v-modal').style.display = "none";
      }, 10)
      this.flowModalState = e;
    },
    /**
     * @author Wrl
     * 关闭流程预测弹窗
     */
    hideFlowModal() {
      this.flowModalState = false;
    },
    /**
     * @author Wrl
     * 点击相关数据 - 显示表单流程弹窗
     */
    showFormModal(item) {
      if(this.menuType == "计划审批") {
        this.formModalDetail = {
          title: "计划审批",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'TAB',
              list: [
                { l: '经办人', v: '朱冠', span: 6 },
                { l: '经办日期', v: '2024-07-26', span: 6, type: 'datePicker' },
                { l: '经办部门', v: 'XX部门', span: 6 },
                { l: '№', v: '任务计划-20220825035', span: 6 },
                { l: '经办单位', v: 'XX集团有限公司', span: 24 }
              ]
            }, 
            {
              title: '基本信息',
              modalTitle: 'TAB',
              list: [
                { l: '项目名称', v: '蓝旗机器人造林', type: 'inputIconR', span: 12, icon: { path:require('../../images/modal-icon1.png'), width: '14px', height: '16px'} },
                { l: '负责人', v: '朱冠', span: 6 },
                { l: '计划工期', v: '10 天', type: 'textR', span: 4 },
                { l: '', v: '甘特图', span: 2, type: 'noLabelButton' },
                { l: '计划开始', v: '2024-07-16', span: 6 },
                { l: '计划完成', v: '2024-07-26', span: 6 },
                { l: '相关附件', v: '', span: 12, type: 'inputIconR', span: 12, icon: { path:require('../../images/modal-icon2.png'), width: '14px', height: '16px'} }
              ],
            },
            {
              title: '任务计划',
              modalTitle: 'EDIT-TABLE',
              tip: '提示：任务计划审批完成后，WBS页面将限制修改任务，若需修改已审批任务请发起【计划变更】流程。',
              list: [
                {
                  btns: ['新建', '多选任务', '删除', '删除全部'],
                  tableCol: [
                    { label: '任务名称', prop: 'rwmc', width: 150 },
                    { label: '负责人', prop: 'fzr' },
                    { label: '开始日期', prop: 'ksrq' },
                    { label: '完成日期', prop: 'wcrq' },
                    { label: '工期', prop: 'gq' },
                    { label: '里程碑', prop: 'lcb', slot: 'lcbCheckbox', type: 'checkBox', checked: false, disabled: true },
                    { label: '需提交成果', prop: 'xtjcg' }
                  ],
                  tableData: [
                    {
                      rwmc: '项目启动',
                      fzr: '朱冠',
                      ksrq: '2024-07-24',
                      wcrq: '2024-07-26',
                      gq: '2',
                      lcb: '',
                      xtjcg: ''
                    }
                  ],
                  page: {
                    pageNum: 1, // 当前页
                    pageSize: 10, // 每页条数
                    total: 0 // 总条数
                  }
                }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "计划审批",
            img1: require('../../images/plan-form-modal-bg2.png'),
            img2: require('../../images/plan-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '1分',
              dateTime: '2024-08-08 09:17:05',
              status: 'finished',
              list: [{
                name: '凌焘',
                role: '审批',
                opinion: '同意',
                handler: '凌焘',
                handleTime: '2024-08-08 09:24:01',
                investTime: '1分'
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '凌焘',
                  name: '凌焘',
                  opinion: '同意',
                  dateTime: '2024-08-06 15:22:08',
                  clickNum: '0'
                },{
                  circleText: '朱',
                  name: '朱冠',
                  opinion: '同意',
                  dateTime: '2024-08-06 15:22:18',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', list: [{ docImg: require('../../images/icon-doc2.png'), title: '计划审批附件1.docx', subTitle: '朱冠  2024-08-05  9K' }, { docImg: require('../../images/icon-doc2.png'), title: '计划审批附件2.docx', subTitle: '朱冠  2024-08-05  12K' }]},
                  {l: '标题区', v: '1'},
                  {l: '表单区', v: '2', list: [{ docImg: require('../../images/icon-doc2.png'), title: '计划审批附件1.docx', subTitle: '朱冠  2024-08-05  9K' }]},
                  {l: '意见区', v: '3', list: [{ docImg: require('../../images/icon-doc2.png'), title: '计划审批附件2.docx', subTitle: '朱冠  2024-08-05  12K' }]}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '1分',
                dateTime: '2024-08-08 09:17:05',
                status: 'finished',
                list: [{
                  name: '凌焘',
                  role: '审批',
                  opinion: '同意',
                  handler: '凌焘',
                  handleTime: '2024-08-08 09:24:01',
                  investTime: '1分'
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "进度报告") {
        this.formModalDetail = {
          title: "工作进度报告",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'TAB',
              list: [
                { l: '报告人', v: '朱冠', span: 6 },
                { l: '报告日期', v: '2024-07-29', span: 6, type: 'datePicker' },
                { l: '报告部门', v: 'XX部门', span: 6 },
                { l: '№', v: '', span: 6 },
                { l: '报告单位', v: 'XX集团有限公司', span: 24 }
              ]
            }, {
              title: '基本信息',
              modalTitle: 'TAB',
              list: [
                { l: '项目名称', v: '蓝旗机器人造林', type: 'inputIconR', span: 12, icon: { path:require('../../images/modal-icon1.png'), width: '14px', height: '16px'} },
                { l: '报告类型', v: '月报', span: 6 },
                { l: '工时合计', v: '10', type: 'textR', span: 6 },
                { l: '项目编号', v: 'XMBH202208061', span: 6 },
                { l: '项目进度', v: '80 %', span: 6 },
                { l: '开始日期', v: '2024-07-19', span: 6 },
                { l: '完成日期', v: '2024-07-29', span: 6},
                { l: '报告内容', v: '系统已正式上线。', span: 24}
              ],
            },{
              title: '任务进度',
              modalTitle: 'EDIT-TABLE',
              list: [
                {
                  tableCol: [
                    { label: '任务名称', prop: 'rwmc', width: 120 },
                    { label: '投入工时', prop: 'trgs', width: 50 },
                    { label: '完成比', prop: 'wcb', align: 'center' },
                    {
                      label: '开始日期',
                      align: 'center',
                      children: [
                        { label: '计划开始', prop: 'jhks', align: 'center', width: 100 },
                        { label: '实际开始', prop: 'sjks', align: 'center', width: 100 }
                      ]
                    },
                    {
                      label: '结束日期',
                      align: 'center',
                      children: [
                        { label: '计划完成', prop: 'jhwc', align: 'center' },
                        { label: '实际完成', prop: 'sjwc', align: 'center' }
                      ]
                    },
                    { label: '实际工期', prop: 'sjgq', align: 'center' },
                    { label: '成果文件', prop: 'cgwj', align: 'center' }
                  ],
                  tableData: [
                    {
                      rwmc: '上线准备',
                      trgs: '',
                      wcb: '100 %',
                      jhks: '2024-06-29',
                      sjks: '2024-06-29',
                      jhwc: '2024-07-29',
                      sjwc: '2024-07-29',
                      sjgq: '30',
                      cgwj: ''
                    },
                    {
                      rwmc: '运行制度发布',
                      trgs: '10',
                      wcb: '100 %',
                      jhks: '2024-06-29',
                      sjks: '2024-06-29',
                      jhwc: '2024-07-29',
                      sjwc: '2024-07-29',
                      sjgq: '30',
                      cgwj: ''
                    },
                    {
                      rwmc: '切换方案确认',
                      trgs: '3',
                      wcb: '100 %',
                      jhks: '2024-06-29',
                      sjks: '2024-06-29',
                      jhwc: '2024-07-29',
                      sjwc: '2024-07-29',
                      sjgq: '30',
                      cgwj: ''
                    },
                    {
                      rwmc: '数据初始化',
                      trgs: '20',
                      wcb: '100 %',
                      jhks: '2024-06-29',
                      sjks: '2024-06-29',
                      jhwc: '2024-07-29',
                      sjwc: '2024-07-29',
                      sjgq: '30',
                      cgwj: ''
                    },
                    {
                      rwmc: '系统切换检查',
                      trgs: '8',
                      wcb: '100 %',
                      jhks: '2024-06-29',
                      sjks: '2024-06-29',
                      jhwc: '2024-07-29',
                      sjwc: '2024-07-29',
                      sjgq: '30',
                      cgwj: ''
                    },
                    {
                      rwmc: '上线动员会',
                      trgs: '4',
                      wcb: '100 %',
                      jhks: '2024-06-29',
                      sjks: '2024-06-29',
                      jhwc: '2024-07-29',
                      sjwc: '2024-07-29',
                      sjgq: '30',
                      cgwj: ''
                    },
                    {
                      rwmc: '上线报告确认',
                      trgs: '2',
                      wcb: '100 %',
                      jhks: '2024-06-29',
                      sjks: '2024-06-29',
                      jhwc: '2024-07-29',
                      sjwc: '2024-07-29',
                      sjgq: '30',
                      cgwj: ''
                    },
                    {
                      rwmc: '系统正式上线',
                      trgs: '0',
                      wcb: '100 %',
                      jhks: '2024-06-29',
                      sjks: '2024-06-29',
                      jhwc: '2024-07-29',
                      sjwc: '2024-07-29',
                      sjgq: '30',
                      cgwj: ''
                    }
                  ],
                  page: {
                    pageNum: 1, // 当前页
                    pageSize: 10, // 每页条数
                    total: 0 // 总条数
                  }
                }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "工作进度报告",
            img1: require('../../images/report-form-modal-bg2.png'),
            img2: require('../../images/report-form-modal-bg2-2.png'),
            img3: []
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '凌焘',
                  name: '凌焘',
                  opinion: '同意',
                  dateTime: '2024-08-07 09:17:38',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', list: [{ docImg: require('../../images/icon-doc2.png'), title: '工作进度报告附件1.docx', subTitle: '朱冠  2024-08-05  9K' }, { docImg: require('../../images/icon-doc2.png'), title: '工作进度报告附件2.docx', subTitle: '朱冠  2024-08-05  12K' }]},
                  {l: '标题区', v: '1', list: [{ docImg: require('../../images/icon-doc2.png'), title: '工作进度报告附件1.docx', subTitle: '朱冠  2024-08-05  9K' }]},
                  {l: '表单区', v: '2'},
                  {l: '意见区', v: '3', list: [{ docImg: require('../../images/icon-doc2.png'), title: '工作进度报告附件2.docx', subTitle: '朱冠  2024-08-05  12K' }]}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{}]
            }
          ]
        }
      } else if(this.menuType == "整改通知") {
        this.formModalDetail = {
          title: "整改通知",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'TAB',
              list: [
                { l: '经办人', v: '朱冠', span: 6 },
                { l: '经办日期', v: '2024-06-21', span: 6 },
                { l: '经办部门', v: 'XX部门', span: 6 },
                { l: '№', v: '整改通知-20220829023', span: 6 },
                { l: '经办单位', v: 'XX集团有限公司', span: 24 }
              ]
            },
            {
              title: '通知信息',
              modalTitle: 'TAB',
              list: [
                { l: '项目名称', v: '蓝旗机器人造林系统升级', span: 12 },
                { l: '项目编号', v: 'XTKF202202001', span: 6 },
                { l: '项目部门', v: '项目管理部', span: 6 },
                { l: '整改原因', v: '系统升级上线运行后，打开新合同新建功能报错。', span: 12 },
                { l: '整改要求', v: '22日前联系开发分析报错原因并解决问题，保障客户正常使用。', span: 12 },
                { l: '整改责任人', v: '朱冠', span: 6 },
                { l: '整改期限', v: '2024-06-22', span: 6 },
                { l: '相关附件', v: '', span: 12 }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "整改通知",
            img1: require('../../images/zgtz-form-modal-bg2.png'),
            img2: require('../../images/zgtz-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '1分',
              dateTime: '2024-08-08 09:17:05',
              status: 'finished',
              list: [{
                name: '整改责任人',
                role: '协同',
                opinion: '已阅',
                handler: '凌焘',
                handleTime: '',
                handleTime: '2024-08-09 15:20:00',
                investTime: '8分'
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '朱',
                  name: '朱冠',
                  opinion: '同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', list: [{ docImg: require('../../images/icon-doc2.png'), title: '整改通知附件1.docx', subTitle: '朱冠  2024-08-05  9K' }, { docImg: require('../../images/icon-doc2.png'), title: '整改通知附件2.docx', subTitle: '朱冠  2024-08-05  12K' }]},
                  {l: '标题区', v: '1', list: [{ docImg: require('../../images/icon-doc2.png'), title: '整改通知附件1.docx', subTitle: '朱冠  2024-08-05  9K' }]},
                  {l: '表单区', v: '2'},
                  {l: '意见区', v: '3', list: [{ docImg: require('../../images/icon-doc2.png'), title: '整改通知附件2.docx', subTitle: '朱冠  2024-08-05  12K' }]}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '1分',
                dateTime: '2024-08-08 09:17:05',
                status: 'finished',
                list: [{
                  name: '整改责任人',
                  role: '协同',
                  opinion: '已阅',
                  handler: '凌焘',
                  handleTime: '',
                  handleTime: '2024-08-09 15:20:00',
                  investTime: '8分'
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "计划变更") {
        this.formModalDetail = {
          title: "计划变更",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'TAB',
              list: [
                { l: '申请人', v: '朱冠', span: 6 },
                { l: '申请日期', v: '2024-06-21', span: 6 },
                { l: '申请部门', v: 'XX部门', span: 6 },
                { l: '№', v: '计划变更-20220830009', span: 6 },
                { l: '申请单位', v: 'XX集团有限公司', span: 24 }
              ]
            },
            {
              title: '基本信息',
              modalTitle: 'TAB',
              list: [
                { l: '项目名称', v: '蓝旗机器人绿化改造', span: 12 },
                { l: '项目编号', v: 'XMBH202208050', span: 6 },
                { l: '负责人', v: '朱冠', span: 6 },
                { l: '说明', v: '业务应用建设方案调整，延迟两天开始。', span: 12 },
                { l: '相关附件', v: '', span: 12 }
              ]
            },
            {
              title: '变更计划',
              modalTitle: 'EDIT-TABLE',
              list: [
                {
                  tableCol: [
                    { label: '任务名称', prop: 'rwmc', width: 150 },
                    { label: '负责人', prop: 'fzr' },
                    { label: '里程碑', prop: 'lcb', slot: 'lcbCheckbox', type: 'checkBox', checked: false, disabled: true },
                    { label: '开始日期', prop: 'ksrq' },
                    { label: '完成日期', prop: 'wcrq' },
                    { label: '工期', prop: 'gq' },
                    { label: '需提交成果', prop: 'xtjcg' }
                  ],
                  tableData: [
                    {
                      rwmc: '业务应用建设',
                      fzr: '苑珙',
                      lcb: '',
                      ksrq: '2024-07-24',
                      wcrq: '2024-07-26',
                      gq: '2',
                      xtjcg: ''
                    }
                  ],
                  page: {
                    pageNum: 1, // 当前页
                    pageSize: 10, // 每页条数
                    total: 0 // 总条数
                  }
                }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "计划变更",
            img1: require('../../images/jhbg-form-modal-bg2.png'),
            img2: require('../../images/jhbg-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '1分',
              dateTime: '2024-08-08 09:17:05',
              status: 'finished',
              list: [{
                name: '凌焘',
                role: '核定',
                opinion: '同意',
                handler: '凌焘',
                handleTime: '2024-08-08 09:24:01',
                investTime: '1分'
              }, {
                name: '朱冠',
                role: '协同',
                opinion: '已阅',
                handler: '凌焘',
                handleTime: '',
                handleTime: '2024-08-08 09:24:09',
                investTime: '8分'
              }, {
                name: '凌焘',
                role: '协同',
                opinion: '',
                handler: '凌焘',
                handleTime: '',
                investTime: ''
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '1', // 与我相关数
                },
                list: [{
                  circleText: '凌焘',
                  name: '凌焘',
                  opinion: '核定通过同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                },{
                  circleText: '朱冠',
                  name: '朱冠',
                  opinion: '已阅',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                },{
                  circleText: '凌焘',
                  name: '凌焘',
                  opinion: '已阅',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', list: [{ docImg: require('../../images/icon-doc2.png'), title: '计划变更附件3.docx', subTitle: '朱冠  2024-08-05  9K' }, { docImg: require('../../images/icon-doc2.png'), title: '计划变更附件2.docx', subTitle: '朱冠  2024-08-05  12K' }, { docImg: require('../../images/icon-doc2.png'), title: '计划变更附件3.docx', subTitle: '朱冠  2024-08-05  12K' }]},
                  {l: '标题区', v: '1', list: [{ docImg: require('../../images/icon-doc3.png'), title: '计划变更附件1.docx', subTitle: '朱冠  2024-08-05  9K' },{ docImg: require('../../images/icon-doc2.png'), title: '计划变更附件1.docx', subTitle: '朱冠  2024-08-05  10K' }]},
                  {l: '表单区', v: '2'},
                  {l: '意见区', v: '3', list: [{ docImg: require('../../images/icon-doc2.png'), title: '计划变更附件3.docx', subTitle: '朱冠  2024-08-05  12K' }]}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '1分',
                dateTime: '2024-08-08 09:17:05',
                status: 'finished',
                list: [{
                  name: '凌焘',
                  role: '核定',
                  opinion: '同意',
                  handler: '凌焘',
                  handleTime: '2024-08-08 09:24:01',
                  investTime: '1分'
                }, {
                  name: '朱冠',
                  role: '协同',
                  opinion: '已阅',
                  handler: '凌焘',
                  handleTime: '',
                  handleTime: '2024-08-08 09:24:09',
                  investTime: '8分'
                }, {
                  name: '凌焘',
                  role: '协同',
                  opinion: '',
                  handler: '凌焘',
                  handleTime: '',
                  investTime: ''
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "停工申请") {
        this.formModalDetail = {
          title: "停工申请",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'TAB',
              list: [
                { l: '申请人', v: '朱冠', span: 6 },
                { l: '申请日期', v: '2024-07-29', span: 6 },
                { l: '申请部门', v: 'XX部门', span: 6 },
                { l: '№', v: '停工申请-20220714001', span: 6 },
                { l: '申请单位', v: 'XX发展集团有限公司', span: 24 }
              ]
            },
            {
              title: '基本信息',
              modalTitle: 'TAB',
              list: [
                { l: '项目名称', v: '蓝旗机器人绿化改造', span: 12 },
                { l: '负责人', v: '朱冠', span: 6 },
                { l: '变更范围', v: '1', type: 'checkGroup', list: [{l:'项目', v:'0', checked: false, disabled: true},{l:'任务', v:'1', checked: true, disabled: true}], span: 6 },
                { l: '备注', v: '该项目我公司未中标。', span: 12 },
                { l: '相关附件', v: '', span: 12 }
              ]
            },
            {
              title: '任务信息',
              modalTitle: 'EDIT-TABLE',
              list: [
                {
                  tableCol: [
                    { label: '任务名称', prop: 'rwmc', width: 150 },
                    { label: '负责人', prop: 'fzr' },
                    { label: '里程碑', prop: 'lcb', slot: 'lcbCheckbox', type: 'checkBox', checked: false, disabled: true },
                    { label: '计划开始日期', prop: 'ksrq' },
                    { label: '计划结束日期', prop: 'wcrq' },
                    { label: '完成比', prop: 'wcb' }
                  ],
                  tableData: [
                    {
                      rwmc: '业务应用建设',
                      fzr: '苑珙',
                      lcb: '',
                      ksrq: '2024-07-24',
                      wcrq: '2024-07-26',
                      wcb: '0.0  %'
                    }
                  ],
                  page: {
                    pageNum: 1, // 当前页
                    pageSize: 10, // 每页条数
                    total: 0 // 总条数
                  }
                }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "停工申请",
            img1: require('../../images/tgsq-form-modal-bg2.png'),
            img2: require('../../images/tgsq-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '1分',
              dateTime: '2024-08-08 09:17:05',
              status: 'finished',
              list: [{
                name: '发起者',
                role: '审批',
                opinion: '同意',
                handler: '凌焘',
                handleTime: '2024-08-09 15:42:58',
                investTime: '1分'
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '朱',
                  name: '朱冠',
                  opinion: '同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', list: [{ docImg: require('../../images/icon-doc2.png'), title: '停工申请附件1.docx', subTitle: '朱冠  2024-08-05  9K' }, { docImg: require('../../images/icon-doc4.png'), title: '停工申请附件3.docx', subTitle: '朱冠  2024-08-05  10K' }, { docImg: require('../../images/icon-doc2.png'), title: '停工申请附件2.docx', subTitle: '朱冠  2024-08-05  6K' }]},
                  {l: '标题区', v: '1', list: [{ docImg: require('../../images/icon-doc2.png'), title: '停工申请附件1.docx', subTitle: '朱冠  2024-08-05  9K' }]},
                  {l: '表单区', v: '2', list: [{ docImg: require('../../images/icon-doc4.png'), title: '停工申请附件3.docx', subTitle: '朱冠  2024-08-05  10K' }]},
                  {l: '意见区', v: '3', list: [{ docImg: require('../../images/icon-doc2.png'), title: '停工申请附件2.docx', subTitle: '朱冠  2024-08-05  6K' }]}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '1分',
                dateTime: '2024-08-08 09:17:05',
                status: 'finished',
                list: [{
                  name: '发起者',
                  role: '审批',
                  opinion: '同意',
                  handler: '凌焘',
                  handleTime: '2024-08-09 15:42:58',
                  investTime: '1分'
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "复工申请") {
        this.formModalDetail = {
          title: "复工申请",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'TAB',
              list: [
                { l: '申请人', v: '朱冠', span: 6 },
                { l: '申请日期', v: '2024-07-30', span: 6 },
                { l: '申请部门', v: 'XX部门', span: 6 },
                { l: '№', v: '终止申请-20220825001', span: 6 },
                { l: '申请单位', v: 'XX发展集团有限公司', span: 24 }
              ]
            },
            {
              title: '基本信息',
              modalTitle: 'TAB',
              list: [
                { l: '项目名称', v: '蓝旗机器人绿化改造', span: 12 },
                { l: '负责人', v: '朱冠', span: 6 },
                { l: '变更范围', v: '1', type: 'checkGroup', list: [{l:'项目', v:'0', checked: true, disabled: true},{l:'任务', v:'1', checked: false, disabled: true}], span: 6 },
                { l: '备注', v: '申请复工', span: 12 },
                { l: '相关附件', v: '', span: 12 }
              ]
            },
            {
              title: '任务信息',
              modalTitle: 'EDIT-TABLE',
              list: [
                {
                  tableCol: [
                    { label: '任务名称', prop: 'rwmc', width: 150 },
                    { label: '负责人', prop: 'fzr' },
                    { label: '里程碑', prop: 'lcb', slot: 'lcbCheckbox', type: 'checkBox', checked: false, disabled: true },
                    { label: '计划开始日期', prop: 'ksrq' },
                    { label: '计划结束日期', prop: 'wcrq' },
                    { label: '完成比', prop: 'wcb' }
                  ],
                  tableData: [
                    {
                      rwmc: '业务应用建设',
                      fzr: '苑珙',
                      lcb: '',
                      ksrq: '2024-07-24',
                      wcrq: '2024-07-26',
                      wcb: '0.0  %'
                    }
                  ],
                  page: {
                    pageNum: 1, // 当前页
                    pageSize: 10, // 每页条数
                    total: 0 // 总条数
                  }
                }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "复工申请",
            img1: require('../../images/fgsq-form-modal-bg2.png'),
            img2: require('../../images/fgsq-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '1分',
              dateTime: '2024-08-08 09:17:05',
              status: 'finished',
              list: [{
                name: '发起者',
                role: '审批',
                opinion: '同意',
                handler: '凌焘',
                handleTime: '2024-08-09 15:42:58',
                investTime: '1分'
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '王',
                  name: '王炸',
                  opinion: '同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', num: '64'},
                  {l: '标题区', v: '1', num: '64'},
                  {l: '表单区', v: '2', num: '64'},
                  {l: '意见区', v: '3', num: '64'}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '1分',
                dateTime: '2024-08-08 09:17:05',
                status: 'finished',
                list: [{
                  name: '发起者',
                  role: '审批',
                  opinion: '同意',
                  handler: '凌焘',
                  handleTime: '2024-08-09 15:42:58',
                  investTime: '1分'
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "终止申请") {
        this.formModalDetail = {
          title: "终止申请",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'TAB',
              list: [
                { l: '申请人', v: '朱冠', span: 6 },
                { l: '申请日期', v: '2024-07-30', span: 6 },
                { l: '申请部门', v: 'XX部门', span: 6 },
                { l: '№', v: '终止申请-20220825001', span: 6 },
                { l: '申请单位', v: 'XX发展集团有限公司', span: 24 }
              ]
            },
            {
              title: '基本信息',
              modalTitle: 'TAB',
              list: [
                { l: '项目名称', v: '蓝旗机器人绿化改造', span: 12 },
                { l: '负责人', v: '朱冠', span: 6 },
                { l: '变更范围', v: '1', type: 'checkGroup', list: [{l:'项目', v:'0', checked: true, disabled: true},{l:'任务', v:'1', checked: false, disabled: true}], span: 6 },
                { l: '备注', v: '受市场及经济形势影响，公司战略调整，终止此项目的研发工作。', span: 12 },
                { l: '相关附件', v: '', span: 12 }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "终止申请",
            img1: require('../../images/fgsq-form-modal-bg2.png'),
            img2: require('../../images/fgsq-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '5分',
              dateTime: '2024-08-09 15:44:55',
              status: 'finished',
              list: [{
                name: '发起者',
                role: '协同',
                opinion: '已阅',
                handler: '凌焘',
                handleTime: '',
                handleTime: '2024-08-09 15:44:55',
                investTime: '5分'
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '李',
                  name: '李想',
                  opinion: '同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', num: '64'},
                  {l: '标题区', v: '1', num: '64'},
                  {l: '表单区', v: '2', num: '64'},
                  {l: '意见区', v: '3', num: '64'}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '5分',
                dateTime: '2024-08-09 15:44:55',
                status: 'finished',
                list: [{
                  name: '发起者',
                  role: '协同',
                  opinion: '已阅',
                  handler: '凌焘',
                  handleTime: '',
                  handleTime: '2024-08-09 15:44:55',
                  investTime: '5分'
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "项目预算") {
        this.formModalDetail = {
          title: "项目预算",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'EDIT-FORM',
              list: [
                { l: '经办人', v: '朱冠', span: 6 },
                { l: '经办日期', v: '2024-07-30', span: 6 },
                { l: '经办部门', v: 'XX部门', span: 6 },
                { l: '№', v: '项目预算-20220829014', span: 6 },
                { l: '经办单位', v: 'XX发展集团有限公司', span: 24 }
              ]
            },
            {
              title: '基本信息',
              modalTitle: 'EDIT-FORM',
              list: [
                { l: '项目名称', v: '蓝旗机器人绿化改造', type: 'colorText', color: '#11A389', span: 12 },
                { l: '负责人', v: '朱冠', span: 6 },
                { l: '预算总额', v: '4,000.00', type: 'unitInput', unit: '元', span: 6 },
                { l: '备注', v: '', span: 12 },
                { l: '相关附件', v: '', span: 12 }
              ]
            },
            {
              title: '预算信息',
              modalTitle: 'EDIT-TABLE',
              list: [
                {
                  tableCol: [
                    { label: '费用类型', prop: 'fylx', slot: 'colorText', type: 'colorText', color: '#11A389' },
                    { label: '预算金额（元）', prop: 'ysje', width: 120 },
                    { label: '费用说明', prop: 'fysm' }
                  ],
                  tableData: [
                    {
                      fylx: '办公用品',
                      ysje: '1,000.00',
                      fysm: '办公用品办公用品办公用品办公用品'
                    },
                    {
                      fylx: '电话费',
                      ysje: '300.00',
                      fysm: '电话费电话费电话费电话费'
                    }
                  ],
                  page: {
                    pageNum: 1, // 当前页
                    pageSize: 10, // 每页条数
                    total: 0 // 总条数
                  }
                }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "项目预算",
            img1: require('../../images/xmys-form-modal-bg2.png'),
            img2: require('../../images/xmys-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '3分',
              dateTime: '2024-08-08 09:17:05',
              status: 'finished',
              list: [{
                name: '凌焘',
                role: '审批',
                opinion: '同意',
                handler: '凌焘',
                handleTime: '2024-08-09 15:46:20',
                investTime: '3分'
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '夏',
                  name: '夏雨',
                  opinion: '同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', num: '71'},
                  {l: '标题区', v: '1', num: '71'},
                  {l: '表单区', v: '2', num: '71'},
                  {l: '意见区', v: '3', num: '71'}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '3分',
                dateTime: '2024-08-08 09:17:05',
                status: 'finished',
                list: [{
                  name: '凌焘',
                  role: '审批',
                  opinion: '同意',
                  handler: '凌焘',
                  handleTime: '2024-08-09 15:46:20',
                  investTime: '3分'
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "费用支出") {
        this.formModalDetail = {
          title: "费用支出",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'EDIT-FORM',
              list: [
                { l: '经办人', v: '朱冠', span: 6 },
                { l: '经办日期', v: '2024-07-30', span: 6 },
                { l: '经办部门', v: 'XX部门', span: 6 },
                { l: '№', v: '费用支出-20220829014', span: 6 },
                { l: '经办单位', v: 'XX发展集团有限公司', span: 24 }
              ]
            },
            {
              title: '基本信息',
              modalTitle: 'EDIT-FORM',
              list: [
                { l: '项目名称', v: '蓝旗机器人绿化改造', span: 12 },
                { l: '项目编号', v: 'GCXM20220007', span: 6 },
                { l: '项目部门', v: 'XMBM部门', span: 6 },
                { l: '费用类型', v: '运输费', span: 6 },
                { l: '预算余额', v: '20,000.00', type: 'unitInput', unit: '元', span: 6 },
                { l: '支出金额', v: '8,000.00', type: 'unitInput', unit: '元', span: 6 },
                { l: '支出日期', v: '2022-09-08', span: 6 },
                { l: '支出事由', v: '材料运输费支出', span: 24 }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "费用支出",
            img1: require('../../images/fyzc-form-modal-bg2.png'),
            img2: require('../../images/fyzc-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '',
              dateTime: '',
              status: 'finished',
              list: [{
                name: '凌焘',
                role: '审批',
                handler: '凌焘',
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '勾',
                  name: '勾践',
                  opinion: '同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', num: '72'},
                  {l: '标题区', v: '1', num: '72'},
                  {l: '表单区', v: '2', num: '72'},
                  {l: '意见区', v: '3', num: '72'}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '',
                dateTime: '',
                status: 'finished',
                list: [{
                  name: '凌焘',
                  role: '审批',
                  handler: '凌焘',
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "预算调整") {
        this.formModalDetail = {
          title: "预算调整",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'EDIT-FORM',
              list: [
                { l: '申请人', v: '朱冠', span: 6 },
                { l: '申请日期', v: '2024-07-30', span: 6 },
                { l: '申请部门', v: 'XX部门', span: 6 },
                { l: '№', v: '预算调整-20220829014', span: 6 },
                { l: '申请单位', v: 'XX发展集团有限公司', span: 24 }
              ]
            },
            {
              title: '基本信息',
              modalTitle: 'EDIT-FORM',
              list: [
                { l: '项目名称', v: '蚂蚁森林苗木栽培绿化改造', span: 12 },
                { l: '项目编号', v: 'XMBH202208028', span: 6 },
                { l: '负责人', v: '朱冠', span: 6 },
                { l: '备注', v: '', span: 12 },
                { l: '相关附件', v: '', span: 12 }
              ]
            },
            {
              title: '调整预算',
              modalTitle: 'EDIT-TABLE',
              list: [
                {
                  tableCol: [
                    { label: '调整类型', prop: 'tzlx', width: 120 },
                    { label: '费用类型', prop: 'fylx', width: 150 },
                    { label: '预算金额（元）', prop: 'ysje' },
                    { label: '当前可用余额（元）', prop: 'dqkyye' },
                    { label: '调整金额（元）', prop: 'tzje' },
                    { label: '调后可用余额（元）', prop: 'thkyye' },
                  ],
                  tableData: [
                    {
                      tzlx: '调增',
                      fylx: '住宿费',
                      ysje: '2,000.00',
                      dqkyye: '2,000.00',
                      tzje: '',
                      thkyye: '0.00'
                    }
                  ],
                  page: {
                    pageNum: 1, // 当前页
                    pageSize: 10, // 每页条数
                    total: 0 // 总条数
                  }
                }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "预算调整",
            img1: require('../../images/ystz-form-modal-bg2.png'),
            img2: require('../../images/ystz-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '',
              dateTime: '',
              status: 'finished',
              list: [{
                name: '凌焘',
                role: '审批',
                handler: '凌焘',
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '赵',
                  name: '赵碧闘',
                  opinion: '同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', list: [{ docImg: require('../../images/icon-doc2.png'), title: '复工申请附件1.docx', subTitle: '朱冠  2024-08-05  9K' }, { docImg: require('../../images/icon-doc4.png'), title: '复工申请附件3.docx', subTitle: '朱冠  2024-08-05  10K' }, { docImg: require('../../images/icon-doc2.png'), title: '复工申请附件2.docx', subTitle: '朱冠  2024-08-05  6K' }]},
                  {l: '标题区', v: '1', list: [{ docImg: require('../../images/icon-doc2.png'), title: '复工申请附件1.docx', subTitle: '朱冠  2024-08-05  9K' }]},
                  {l: '表单区', v: '2', list: [{ docImg: require('../../images/icon-doc4.png'), title: '复工申请附件3.docx', subTitle: '朱冠  2024-08-05  10K' }]},
                  {l: '意见区', v: '3', list: [{ docImg: require('../../images/icon-doc2.png'), title: '复工申请附件2.docx', subTitle: '朱冠  2024-08-05  6K' }]}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '',
                dateTime: '',
                status: 'finished',
                list: [{
                  name: '凌焘',
                  role: '审批',
                  handler: '凌焘',
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "质量控制-整改通知") {
        this.formModalDetail = {
          title: "整改通知",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'TAB',
              list: [
                { l: '经办人', v: '朱冠', span: 6 },
                { l: '经办日期', v: '2024-08-01', span: 6 },
                { l: '经办部门', v: 'XX部门', span: 6 },
                { l: '№', v: '整改通知-20220829023', span: 6 },
                { l: '经办单位', v: 'XX集团有限公司', span: 24 }
              ]
            },
            {
              title: '通知信息',
              modalTitle: 'TAB',
              list: [
                { l: '项目名称', v: '蓝旗机器人造林系统升级', span: 12 },
                { l: '项目编号', v: 'XTKF202202001', span: 6 },
                { l: '项目部门', v: '信息部门', span: 6 },
                { l: '整改原因', v: '打开采购订单功能报错，影响采购部门办理业务。', span: 12 },
                { l: '整改要求', v: '22日前联系开发分析报错原因并解决问题，保障客户正常使用。', span: 12 },
                { l: '整改责任人', v: '朱冠', span: 6 },
                { l: '整改期限', v: '2024-08-10', span: 6 },
                { l: '相关附件', v: '', span: 12 }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "整改通知",
            img1: require('../../images/zlkz-zgtz-form-modal-bg2.png'),
            img2: require('../../images/zlkz-zgtz-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '1分',
              dateTime: '2024-08-09 16:28:04',
              status: 'finished',
              list: [{
                name: '整改责任人',
                role: '协同',
                opinion: '已阅',
                handler: '朱冠',
                handleTime: '2024-08-09 16:28:04',
                investTime: '1分'
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '娜',
                  name: '娜仁',
                  opinion: '同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', list: [{ docImg: require('../../images/icon-doc2.png'), title: '通知附件1.docx', subTitle: '朱冠  2024-08-05  9K' }, { docImg: require('../../images/icon-doc4.png'), title: '通知附件3.docx', subTitle: '朱冠  2024-08-05  10K' }, { docImg: require('../../images/icon-doc2.png'), title: '通知附件2.docx', subTitle: '朱冠  2024-08-05  6K' }]},
                  {l: '标题区', v: '1'},
                  {l: '表单区', v: '2', list: [{ docImg: require('../../images/icon-doc3.png'), title: '通知附件3.docx', subTitle: '朱冠  2024-08-05  10K' }]},
                  {l: '意见区', v: '3'}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '1分',
                dateTime: '2024-08-09 16:28:04',
                status: 'finished',
                list: [{
                  name: '整改责任人',
                  role: '协同',
                  opinion: '已阅',
                  handler: '朱冠',
                  handleTime: '2024-08-09 16:28:04',
                  investTime: '1分'
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "质量控制-奖惩通报") {
        this.formModalDetail = {
          title: "奖惩通报",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'TAB',
              list: [
                { l: '经办人', v: '朱冠', span: 6 },
                { l: '经办日期', v: '2024-08-01', span: 6 },
                { l: '经办部门', v: 'XX部门', span: 6 },
                { l: '№', v: '奖惩通报-20220816001', span: 6 },
                { l: '经办单位', v: 'XX集团有限公司', span: 24 }
              ]
            },
            {
              title: '基本信息',
              modalTitle: 'TAB',
              list: [
                { l: '项目名称', v: '蓝旗机器人造林系统升级', span: 12 },
                { l: '奖惩类型', v: '奖励', type: 'radioGroup', list: [{l:'奖励', v:'0', checked: false, disabled: true},{l:'惩罚', v:'1', checked: true, disabled: true}], span: 6 },
                { l: '奖励金额', v: '1,000.00', type: 'unitInput', unit: '元', span: 6 },
                { l: '奖励对象', v: '项目组', span: 12 },
                { l: '相关附件', v: '项目处罚通报.docx(11KB)', type: 'doc', docInfo:{img: {
            path:require('../../images/icon-doc2.png'), width: '12px', height: '14px'}, text: '项目处罚通报.docx(10KB)'}, span: 12 },
                { l: '奖励说明', v: '朱冠', span: 24 }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "奖惩通报",
            img1: require('../../images/jctb-form-modal-bg2.png'),
            img2: require('../../images/jctb-form-modal-bg2-2.png'),
            img3: [{
              num1: '1',
              num2: '',
              dateTime: '',
              status: 'finished',
              list: [{
                name: '凌焘',
                role: '协同',
                handler: '凌焘',
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '菜',
                  name: '菜狗子',
                  opinion: '同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', list: [{ docImg: require('../../images/icon-doc2.png'), title: '奖惩通报附件1.docx', subTitle: '朱冠  2024-08-05  9K' }, { docImg: require('../../images/icon-doc4.png'), title: '奖惩通报附件3.docx', subTitle: '朱冠  2024-08-05  10K' }, { docImg: require('../../images/icon-doc2.png'), title: '奖惩通报附件2.docx', subTitle: '朱冠  2024-08-05  6K' }]},
                  {l: '标题区', v: '1', list: [{ docImg: require('../../images/icon-doc2.png'), title: '奖惩通报附件1.docx', subTitle: '朱冠  2024-08-05  9K' }]},
                  {l: '表单区', v: '2', list: [{ docImg: require('../../images/icon-doc4.png'), title: '奖惩通报附件3.docx', subTitle: '朱冠  2024-08-05  10K' }]},
                  {l: '意见区', v: '3', list: [{ docImg: require('../../images/icon-doc2.png'), title: '奖惩通报附件2.docx', subTitle: '朱冠  2024-08-05  6K' }]}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '1分',
                dateTime: '2024-08-08 09:17:05',
                status: 'finished',
                list: [{
                  name: '凌焘',
                  role: '协同',
                  handler: '凌焘',
                }]
              }]
            }
          ]
        }
      } else if(this.menuType == "质量控制-整改反馈") {
        this.formModalDetail = {
          title: "整改反馈",
          actIdx: '2',
          formList: [
            {
              title: '',
              modalTitle: 'TAB',
              list: [
                { l: '经办人', v: '朱冠', span: 6 },
                { l: '经办日期', v: '2024-08-01', span: 6 },
                { l: '经办部门', v: 'XX部门', span: 6 },
                { l: '№', v: '整改通知-20220829023', span: 6 },
                { l: '经办单位', v: 'XX集团有限公司', span: 24 }
              ]
            },
            {
              title: '通知信息',
              modalTitle: 'TAB',
              list: [
                { l: '项目名称', v: '蓝旗机器人造林系统升级', span: 12 },
                { l: '项目编号', v: 'XTKF202202001', span: 6 },
                { l: '负责人', v: '朱冠', span: 6 },
                { l: '整改原因', v: '打开采购订单功能报错，影响采购部门办理业务。', span: 12 },
                { l: '整改要求', v: '22日前联系开发分析报错原因并解决问题，保障客户正常使用。', span: 12 },
                { l: '整改责任人', v: '朱冠', span: 6 },
                { l: '整改期限', v: '2024-08-10', span: 6 },
                { l: '相关附件', v: '', span: 12 }
              ]
            },
            {
              title: '整改结果',
              modalTitle: 'TAB',
              list: [
                { l: '整改说明', v: '已联系总部开发人员远程分析并解决问题，目前客户使用正常。', span: 24 },
                { l: '相关附件', v: '', span: 24 }
              ]
            }
          ],
          tabList: [
            {
              label: "发起附言",
              value: "0",
              img: require('../../images/icon-tab-rt-1.png'),
              active: require('../../images/icon-tab-rt-active-1.png')
            },
            {
              label: "处理意见",
              value: "2",
              img: require('../../images/icon-tab-rt-2.png'),
              active: require('../../images/icon-tab-rt-active-2.png')
            },
            {
              label: "全部附件",
              value: "3",
              img: require('../../images/icon-tab-rt-3.png'),
              active: require('../../images/icon-tab-rt-active-3.png')
            },
            {
              label: "流程预测",
              value: "4",
              img: require('../../images/icon-tab-rt-4.png'),
              active: require('../../images/icon-tab-rt-active-4.png')
            }
          ],
          doc: item,
          imgs: {
            contentImgTitle: "整改反馈",
            img1: require('../../images/zgfk-form-modal-bg2.png'),
            img2: require('../../images/zgfk-form-modal-bg2-2.png'),
            img3: [{
              num1: '0',
              num2: '1分',
              dateTime: '2024-08-08 09:17:05',
              status: 'finished',
              list: [{
                name: '凌焘',
                role: '协同',
                handler: '凌焘',
              }]
            }]
          },
          rTabData: [
            {
              label: '发起附言',
              info: []
            }, {
              label: '处理意见',
              info: [{
                header: {
                  num1: '', // 赞数量
                  num2: '', // 与我相关数
                },
                list: [{
                  circleText: '白',
                  name: '白費',
                  opinion: '同意',
                  dateTime: '2024-08-07 16:26:51',
                  clickNum: '0'
                }]
              }]
            }, {
              label: '全部附件',
              info: [{
                tabs: [
                  {l: '全部', v: '0', list: [{ docImg: require('../../images/icon-doc2.png'), title: '反馈附件1.docx', subTitle: '朱冠  2024-08-05  9K' }, { docImg: require('../../images/icon-doc2.png'), title: '反馈附件2.docx', subTitle: '朱冠  2024-08-05  6K' }, { docImg: require('../../images/icon-doc4.png'), title: '反馈附件3.docx', subTitle: '朱冠  2024-08-05  10K' }]},
                  {l: '标题区', v: '1', list: [{ docImg: require('../../images/icon-doc2.png'), title: '反馈附件1.docx', subTitle: '朱冠  2024-08-05  9K' }]},
                  {l: '表单区', v: '2'},
                  {l: '意见区', v: '3', list: [{ docImg: require('../../images/icon-doc2.png'), title: '反馈附件2.docx', subTitle: '朱冠  2024-08-05  6K' }, { docImg: require('../../images/icon-doc4.png'), title: '反馈附件3.docx', subTitle: '朱冠  2024-08-05  10K' }]}
                ]
              }]
            }, {
              label: '流程预测',
              info: [{
                num1: '0',
                num2: '1分',
                dateTime: '2024-08-08 09:17:05',
                status: 'finished',
                list: [{
                  name: '凌焘',
                  role: '协同',
                  handler: '凌焘',
                }]
              }]
            }
          ]
        }
      }
      this.formModalState = true;
      this.$nextTick(() => {
        document.querySelector('.v-modal').style.display = "none";
      })
    },
    /**
     * @author Wrl
     * 关闭表单流程弹窗
     */
    closeModal() {
      this.formModalState = false;
    }
  }
}
</script>

<style lang="scss" scoped>
  .right-tab-con6 {
    height: 100%;
    padding: 5px 10px;
    .top {
      width: 100%;
      background: #f4f5f8;
      display: inline-flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 10px 0 8px;
      .title {
        height: 30px;
        line-height: 30px;
        font-weight: bold;
        &::before {
          content: "";
          width: 2px;
          height: 14px;
          margin: 8px 8px 8px 0;
          background: #11A983;
          display: block;
          float: left;
        }
      }
    }
    .docs {
      width: 100%;
      padding: 0;
      li {
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        &:hover {
          cursor: pointer;
          background: rgba(65, 186, 156, 0.1)
        }
        p {
          width: calc(100% - 20px);
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin: 6px 0;
          &::before {
            content: '';
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #11A983;
            margin: 0 8px 0 0;
            display: inline-block;
            vertical-align: middle;
          }
        }
      }
    }
    .right-tab-con6-t {
      height: calc(100% - 45px);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      .right-tab-con6-text {
        font-size: 14px;
        color: #999999;
        width: 100%;
        margin: 0;
        text-align: center;
      }
    }
    ::v-deep {
      .flow-modal .el-dialog__header {
        padding-top: 20px;
      }
      .flow-modal .el-dialog__body {
        padding: 0 20px 20px !important;
      }
    }
  }
</style>